<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>注册页面</title>
		<script type="text/javascript">
			function checkName(){
				//获得input对象     的值
				var uname = document.getElementById("uname").value;
				//获得span对象
				var span = document.getElementById("uname_span");
				if(uname==null || uname==""){  //这里是==
					span.innerText="X账号不能为空";
					return false;
				}else{
					span.innerText="√账号合法";
					return true;
				}
			}
			/*提交方式二*/
			/*function checkName(){
				//获得input对象     的值
				var uname = document.getElementById("uname").value;
				//获得span对象
				var span = document.getElementById("uname_span");
				if(uname==null || uname==""){  //这里是==
					span.innerText="X账号不能为空";
					
				}else{
					span.innerText="√账号合法";、
					//手动提交
					document.fom.submit();
				}
			}*/
			/*提交方式三*/
			/*function checkName(){
				//获得input对象     的值
				var uname = document.getElementById("uname").value;
				//获得span对象
				var span = document.getElementById("uname_span");
				if(uname==null || uname==""){  //这里是==
					span.innerText="X账号不能为空";
					
				}else{
					span.innerText="√账号合法";
					//手动提交
					var fom = document.getElementById("fom");
					fom.submit();
				}
			}*/
		</script>
	</head>
	<body>
		<!--提交时效检checkName(),如果为空不能提交         在checkName()方法中加return 
			return checkName()  将false/true返回onsubmit
		-->
		<!-- 提交方式二  <form action="#"name="fom">-->
		<!--提交方式三	<form action="#"name="fom" id="fom">-->
		<form action="#"   onsubmit="return checkName()">
			<!--readonly  只能读，不能改 ， 可以提交
				disabled   只能读，不能改  并且数据不可以提交
			-->
				<p>
					<!--账号：<input type="text" name="uname" id="" value="123" readonly="readonly"/>-->
					<!--用户输入完，失去焦点时调用方法-->
					账号：<input type="text" name="uname" id="uname" onblur="checkName()" /><span id="uname_span"></span>
						
					
				</p>
				<p>
					<!--密码：<input type="password" name="pwd" value="123" disabled="disabled"/>-->
					密码：<input type="password" name="pwd"  />
				</p>
			<input type="submit" value="提交"/>
			<!--提交方式二   、三-->
			<!--<input type="button"  value="提交" onclick="checkName()"/>-->
		</form>
	</body>
</html>
<!--
	控制表单提交的方式
	1，onsubmit=return checkName()
	
	2，document.fom.submit();
	
	3，var fom = document.getElementById("fom");
					fom.submit();
	
	
-->